{% extends "index.html" %}
{% load staticfiles %}

{% block content %}

	<div class="row">
	<div id="sidebar-wrapper" class="sidebar-toggle container-fluid" style="width:150px !important">
		<ul class="sidebar-nav" style="width=100%;height:600px">
	    	<li>
	      		<a href="{% url 'gcalendar:get_events' %}">View an Event</a>
	    	</li>
	    	<li>
	    		<a href="{% url 'gcalendar:create_events' %}">Create an Event</a>
	    	</li>
	    	<li>
	      		<a href="">Edit and Event</a>
	    	</li>
	    	<li>
	      		<a href="">Remove an Event</a>
	    	</li>
	  	</ul>
	</div>
	<div style="margin-left:150px">
	<div id="body-wrapper" class="container-fluid" style=""> <!-- float:right;width:68% -->
		<!-- <iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=juluo41buga1pbsecjo7t9fu0k%40group.calendar.google.com&amp;color=%23B1440E&amp;src=%23contacts%40group.v.calendar.google.com&amp;color=%23875509&amp;src=en.usa%23holiday%40group.v.calendar.google.com&amp;color=%232F6309&amp;src=0192762kunucfoq5omg6t9mqbc%40group.calendar.google.com&amp;color=%230F4B38&amp;ctz=America%2FNew_York" style="border-width:0;width : 100%; height: 600px; frameborder:0; scrolling:no;border-radius:25px"></iframe> -->
		<iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23ffffff&amp;src=global.emhub%40gmail.com&amp;color=%231B887A&amp;src=juluo41buga1pbsecjo7t9fu0k%40group.calendar.google.com&amp;color=%23333333&amp;src=l9am6s2f1j5b11cja3ipnv4djk%40group.calendar.google.com&amp;color=%23B1365F&amp;src=en.usa%23holiday%40group.v.calendar.google.com&amp;color=%23125A12&amp;ctz=America%2FNew_York" style="border-width:0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
	</div>
	</div>
	</div>
	</div>
	<style>
	#sidebar-wrapper.sidebar-toggle {
		height: 600px
	}
	</style>
{% endblock %}